<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>我的保险卡</title>
<meta name="keywords" content="众安保险，互联网保险，网上支付，保单查询，在线理赔，让保险有温度" />
<meta name="description" content="众安保险是国内首家也是唯一一家互联网保险公司，个性化定制风险解决方案，全方位采用互联网先进科技，追求流畅、贴心、温暖的用户体验。" />
<!--统一加载公共js与css文件-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimal-ui,maximum-scale=1.0,user-scalable=0" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no" />
<link rel="apple-touch-icon-precomposed" sizes="57x57" href="../../image/apple_icon/zhongan_icon_52.png" />  
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="../../image/apple_icon/zhongan_icon_72.png" />  
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="../../image/apple_icon/zhongan_icon_114.png" />    
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="../../image/apple_icon/zhongan_icon_144.png" /> 
<link type="image/x-icon" rel="Shortcut Icon" href="../../image/apple_icon/zhongan_icon_144.png">
<link href="../../css/za-web-common.css" rel="stylesheet">
<link href="../../css/swiper/swiper.min.css" rel="stylesheet">
<link href="../../css/tab-swiper.css" rel="stylesheet">
<script type="text/javascript" src="../../js/form/zepto.min.js"></script>
<script type="text/javascript" src="../../js/web_common.js"></script>
</head>
<body>
<div class="card-contain">
  <div class="content-slide">
    <div class="za-card-box za-card-box-hangyan">
      <div class="za-card-titleinfo">
        <div class="za-card-auto tl">
          <p class="txt12">经典版</p>
          <p class="txt16 tb">航班延误保险卡</p>
        </div>
        <div class="za-card-auto tr">
          <p class="txt14">&yen;100</p>
          <p class="txt16 tb"><span class="vb maxNum">7</span>份</p>
        </div>
      </div>
      <div class="za-card-send-box">
        <div class="za-card-send-date no_line">
          <div class="za-card-auto tl">
            <p class="txt12">有效期至2014年12月12日</p>
          </div>
          <div class="za-card-auto tr">
            <p class=""><span class="txt16 vb maxNum">3</span>份</p>
          </div>
          <div class="za-card-date-arrow"><i class="icon-round-arrow"></i></div>
        </div>
        <div class="za-card-send-choose">
          <div class="za-card-info">
            <div class="za-card-auto tl">
              <p>转赠份数</p>
            </div>
            <div class="za-card-auto tr">
              <span id="buyCount" class="za-count">
                <span class="count-action">
                  <a class="plus bd_disabled" href="javascript:;">
                    <i class="count_plus"></i>
                  </a>
                </span>
                <span class="count-num">
                  <span class="bd_c">
                    <input id="num" class="ct_num" type="text" name="_fm.o._0.pa" value="1" style="" readonly="readonly">
                  </span>
                </span>
                <span class="count-action">
                  <a class="add" href="javascript:;">
                    <i class="count_add"></i>
                  </a>
                </span>
              </span>
            </div>
          </div>
          <div class="za-card-info">
            <div class="zaw-btn-box">
              <div class="zaw-btn-box-room"><a href="javascript:void(0);" class="zaw-btn zaw-btn-blue">确认转增</a></div>
            </div>
          </div>
        </div>
      </div>
      <div class="za-card-send-box">
        <div class="za-card-send-date no_line">
          <div class="za-card-auto tl">
            <p class="txt12">有效期至2014年12月12日</p>
          </div>
          <div class="za-card-auto tr">
            <p class=""><span class="txt16 vb maxNum">7</span>份</p>
          </div>
          <div class="za-card-date-arrow"><i class="icon-round-arrow"></i></div>
        </div>
        <div class="za-card-send-choose">
          <div class="za-card-info">
            <div class="za-card-auto tl">
              <p>转赠份数</p>
            </div>
            <div class="za-card-auto tr">
              <span id="buyCount" class="za-count">
                <span class="count-action">
                  <a class="plus bd_disabled" href="javascript:;">
                    <i class="count_plus"></i>
                  </a>
                </span>
                <span class="count-num">
                  <span class="bd_c">
                    <input id="num" class="ct_num" type="text" name="_fm.o._0.pa" value="1" style="" readonly="readonly">
                  </span>
                </span>
                <span class="count-action">
                  <a class="add" href="javascript:;">
                    <i class="count_add"></i>
                  </a>
                </span>
              </span>
            </div>
          </div>
          <div class="za-card-info">
            <div class="zaw-btn-box">
              <div class="zaw-btn-box-room"><a href="javascript:void(0);" class="zaw-btn zaw-btn-blue">确认转增</a></div>
            </div>
          </div>
        </div>
      </div>
      <div class="za-card-send-box">
        <div class="za-card-send-date no_line">
          <div class="za-card-auto tl">
            <p class="txt12">有效期至2014年12月12日</p>
          </div>
          <div class="za-card-auto tr">
            <p class=""><span class="txt16 vb maxNum">7</span>份</p>
          </div>
          <div class="za-card-date-arrow"><i class="icon-round-arrow"></i></div>
        </div>
        <div class="za-card-send-choose">
          <div class="za-card-info">
            <div class="za-card-auto tl">
              <p>转赠份数</p>
            </div>
            <div class="za-card-auto tr">
              <span id="buyCount" class="za-count">
                <span class="count-action">
                  <a class="plus bd_disabled" href="javascript:;">
                    <i class="count_plus"></i>
                  </a>
                </span>
                <span class="count-num">
                  <span class="bd_c">
                    <input id="num" class="ct_num" type="text" name="_fm.o._0.pa" value="1" style="" readonly="readonly">
                  </span>
                </span>
                <span class="count-action">
                  <a class="add" href="javascript:;">
                    <i class="count_add"></i>
                  </a>
                </span>
              </span>
            </div>
          </div>
          <div class="za-card-info">
            <div class="zaw-btn-box">
              <div class="zaw-btn-box-room"><a href="javascript:void(0);" class="zaw-btn zaw-btn-blue">确认转增</a></div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<script type="text/javascript" src="../../js/html/card.js"></script>
</body>
</html>